.childcare-container {
	width: 100%;
	height: 100%;
	.dataScreen {
		background: #0d0e16;
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 999;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		// transition: transform 0.3s;
		transform-origin: left top;
		.property-main {
			position: absolute;
			top: 110px;
			height: 90%;
			display: flex;
			width: 100%;
			padding: 17px 27px 17px;
			background: url("@/assets/screenImg/leaderImg/leaderBg.png") no-repeat;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: center;
			background-size: 100% 100%;
			.dataScreen-lf {
				width: 30%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				background: url("@/assets/screenImg/commonImg/leftBg.png") no-repeat;
				background-size: 100% 100%;
				.lf-top,
				.lf-bottom {
					position: relative;
					width: 100%;
				}
				.lf-top {
					height: 45%;
					display: flex;
					flex-direction: column;
					.lf-top-cn {
						flex: 1;
					}
				}
				.lf-bottom {
					flex: 1;
					display: flex;
					flex-direction: column;
					.lf-bottom-cn {
						flex: 1;
						padding: 10px 30px;
						:deep(.table-box) {
							background: none;
							.el-table__inner-wrapper {
								&::before {
									height: 0;
								}
							}
							.table-head {
								background: rgba(21, 77, 160, 0.2);
								.el-table__cell {
									padding: 8px 0;
									background: none;
									border: none;
									&:nth-child(1) {
										padding-left: 15%;
									}
									.cell {
										font-size: 12px;
										font-family: PingFangSC-Regular, PingFang SC;
										font-weight: 400;
										color: #56caff;
										line-height: 16px;
										text-align: center;
									}
								}
							}
							.table-row {
								background: none;
								position: relative;
								&::after {
									content: "";
									display: block;
									position: absolute;
									left: 0;
									bottom: 0;
									width: 100%;
									height: 1px;
									box-shadow: 0px -1px 8px 2px #0f3691;
									border: 1px solid #b3caff;
								}
								.el-table__cell {
									border: none;
									padding: 15px 10px;
									position: relative;
									.cell {
										font-size: 16px;
										font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
										font-weight: 400;
										color: #d3e3ff;
										line-height: 20px;
										text-align: center;
										.coloumn-one {
											display: flex;
											justify-content: flex-end;
											align-items: center;
											img {
												width: 30px;
												height: 30px;
											}
										}
										.grade {
											color: #d3e3ff;
											text-shadow: 0px 2px 4px rgba(54, 227, 227, 0.53);
										}
									}
								}
								&:hover td.el-table__cell {
									background: none;
								}
								&:hover {
									background: linear-gradient(
										270deg,
										rgba(26, 123, 230, 0) 0%,
										rgba(69, 193, 255, 0.8) 100%
									);
								}
							}
						}
					}
				}
			}
			.dataScreen-ct {
				flex: 1;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				height: 100%;
				.ct-top {
					height: 26%;
					display: flex;
					flex-direction: column;
					.ct-top-cn {
						flex: 1;
						padding: 20px 0;
						display: flex;
						justify-content: space-between;
						flex-wrap: wrap;
						.item-box {
							width: 32%;
							background: url("@/assets/screenImg/careImg/center/centerBg.png")
								no-repeat;
							background-size: 100%;
							background-position-y: 45%;
							display: flex;
							justify-content: flex-start;
							align-items: center;
							padding: 0 20px;
							.lf-icon {
								flex: 2;
								img {
									background: url("@/assets/screenImg/commonImg/blueRound.gif")
										no-repeat;
									background-size: 120% 120%;
									background-position: center;
								}
							}
							.rg-desc {
								flex: 5;
								display: flex;
								flex-direction: column;
								margin-left: 10px;
								.img {
									display: flex;
									align-items: flex-end;
								}
								.text {
									display: flex;
									align-items: flex-end;
								}
							}
						}
					}
				}
				.ct-bottom {
					flex: 1;
					.ct-bottom-cn {
						background: #191d33;
						height: calc(100% - 60px);
						position: relative;
						.icon-item {
							position: absolute;
							cursor: pointer;
						}
					}
				}
			}
			.dataScreen-rg {
				width: 30%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				background: url("@/assets/screenImg/commonImg/rightBg.png") no-repeat;
				background-size: 100% 100%;
				.dataScreen-top,
				.dataScreen-bottom {
					position: relative;
					box-sizing: border-box;
					width: 100%;
				}
				.dataScreen-top {
					height: 55%;
					display: flex;
					flex-direction: column;
					.rg-top-cn {
						flex: 1;
						padding: 0px 0px 10px 30px;
						display: flex;
						flex-direction: column;
						.cn-top {
							height: 40%;
							display: flex;
							flex-wrap: wrap;
							justify-content: space-between;
							.item-box {
								width: 48%;
								display: flex;
								align-items: center;
								padding: 10px 0;
								.lf-icon {
									flex: 1;
									img {
										background: url("@/assets/screenImg/leaderImg/starsBg.gif")
											no-repeat;
										background-size: 80% 70%;
										background-position-x: center;
										background-position-y: top;
									}
								}
								.rg-desc {
									flex: 4;
									margin-left: 10px;
								}
							}
						}
						.cn-bottom {
							flex: 1;
						}
					}
				}
				.dataScreen-bottom {
					flex: 1;
					display: flex;
					flex-direction: column;
					.rg-bottom-cn {
						flex: 1;
						padding: 0px 50px 10px 30px;
					}
				}
			}
		}
	}
	// 表格滚动hover样式
	:deep(.dv-scroll-board) {
		.rows {
			.row-item {
				position: relative;
				&::after {
					content: "";
					display: block;
					position: absolute;
					left: 0;
					bottom: 1px;
					width: 100%;
					height: 1px;
					box-shadow: 0px -1px 8px 2px #0f3691;
					border: 1px solid #b3caff;
				}
				&:hover {
					background: linear-gradient(
						270deg,
						rgba(26, 123, 230, 0) 0%,
						rgba(69, 193, 255, 0.8) 100%
					);
				}
			}
		}
	}
}

.numColor {
	font-size: 24px;
	font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
	font-weight: bold;
	color: #90d4ff;
	line-height: 33px;
	&.unit {
		font-size: 20px;
		margin-left: 2%;
	}
}

.numColor2 {
	font-size: 24px;
	font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
	font-weight: bold;
	color: #ffffff;
	line-height: 33px;
	text-shadow: 0px 1px 7px #56caff;
}
.childcare_name {
	color: white;
}
